iT邦幫忙

2024 iThome 鐵人賽
DAY 0
0
佛心分享-IT 人自學之術

SASS/SCSS的認識與實作系列 第 1 篇

認識Sass/SCSS

16th鐵人賽
523 瀏覽

  • 分享至 

  • xImage
    •  

什麼是Sass?

  • Sass的全名是Syntactically Awesome Stylesheets
  • 是一種擴展的CSS預處理語言

什麼是SCSS?

  • SCSS全名是Sassy CSS
  • 是Sass語法的一種變體，與CSS的語法更加接近
  • 完全兼容CSS文件，可將現有的CSS文件重命名為.scss，而不需要進行額外修改

Sass與SCSS的差異

  • 副檔名不同.sass與.scss
  • Sass有嚴格的縮排，透過縮排來表示結構，不使用大括號 {} 與分號 ;，語法更簡潔
  • SCSS會使用大括號 {} 與分號 ;，
  • 兼容性不同

下一篇
認識Sass/SCSS (2)
系列文
SASS/SCSS的認識與實作 共 30 篇
  1. 26
    Day26 模塊化 SASS 架構例子
  2. 27
    Day27 SASS 相關的開發工具
  3. 28
    Day28 自動編譯
  4. 29
    Day29 SASS 生成主題
  5. 30
    Day 30 深淺色主題實作
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iT+看影片追技術 看影片追技術 看更多
熱門tag
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙